﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="login.aspx.cs" Inherits="admin_login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>在线污染源监控系统登录</title>

    <script type="text/javascript">

        function Check() {

            if ((document.getElementById("username").value == null) || (document.getElementById("username").value == "")) {
                alert("请输入用户名!");
                document.getElementById("username").focus();
                return false;
            }
            if ((document.getElementById("passwd").value == null) || (document.getElementById("passwd").value == "")) {
                alert("请输入密码!");
                document.getElementById("passwd").focus();
                return false;
            }


            return true;
        }
    </script>

    <style type="text/css">
        body
        {
            text-align: center;
            margin: auto;
            width: 1011px;
        }
        .maindiv
        {
            background: #fff;
            width: 100%;
            height: 600px;
            text-align: center;
            border: solid 1px #000;
        }
        .topblack
        {
            background: #000;
            width: 100%;
            height: 20px;
        }
        .topban
        {
            background-image: url(img/logoinfo.jpg);
            background-repeat: no-repeat;
            position: relative;
            top: 30px;
            height: 79px;
            left:60px;
            
        }
        .banban
        {
            top: 100px;
            position: relative;
            height: 189px;
            float: left;
            width: 100%;
        }
        .banbanleft
        {
            background-image: url(img/banban_left.gif);
            background-repeat: no-repeat;
            width: 374px;
            height: 100%;
            float: left;
        }
        .banbancenter
        {
            width: 242px;
            height: 100%;
            float: left;
        }
        .banbanright
        {
            background-image: url(img/banban_right.gif);
            background-repeat: no-repeat;
            width: 395px;
            height: 100%;
            float: right;
            right: 0px;
        }
        .centrytop
        {
            background-image: url(img/centrytop.gif);
            background-repeat: no-repeat;
            width: 242px;
            height: 24px;
            float: right;
            right: 0px;
        }
        .centrymid
        {
            width: 242px;
            height: 102px;
            float: right;
            right: 0px;
        }
        .centrybom
        {
            background-image: url(img/centrybom.gif);
            background-repeat: no-repeat;
            width: 242px;
            height: 63px;
            float: right;
            right: 0px;
        }
        .loginleft
        {
            background-image: url(img/centrymid_01.gif);
            background-repeat: no-repeat;
            width: 102px;
            height: 102px;
            float: left;
            right: 0px;
        }
        .logininput
        {
            width: 140px;
            height: 27px;
            float: left;
            right: 0px;
        }
        .loginmid3
        {
            background-color: #458D1E;
            width: 140px;
            height: 3px;
            float: left;
            right: 0px;
        }
        .loginmid5
        {
            background-image: url(img/centrymid_05.gif);
            width: 140px;
            height: 23px;
            float: left;
            right: 0px;
        }
        .loginmid6
        {
            background-color: #4F9628;
            width: 9px;
            height: 24px;
            float: left;
            right: 0px;
        }
        .loginmid7
        {
            width: 48px;
            height: 24px;
            float: left;
            right: 0px;
        }
        .loginmid8
        {
            background-color: #4A9222;
            width: 17px;
            height: 24px;
            float: left;
            right: 0px;
        }
        .loginmid9
        {
            width: 49px;
            height: 24px;
            float: left;
            right: 0px;
        }
        .loginmid10
        {
            background-image: url(img/centrymid_10.gif);
            width: 17px;
            height: 24px;
            float: left;
            right: 0px;
        }
        .buttomdiv
        {
            background-image: url(img/banquan.jpg);
            background-repeat: no-repeat;
            top: 440px;
            position: relative;
            left: 360px;
            width: 100%;
            height: 44px;
        }
    </style>
</head>
<body>
    <form id="f1" runat="server">
    <div class="maindiv" id="maindiv">
        <div id="topblack" class="topblack">
        </div>
        <div id="topban" class="topban">
        </div>
        <div class="banban">
            <div id="banbanleft" class="banbanleft">
            </div>
            <div id="banbancenter" class="banbancenter">
                <div class="centrytop">
                </div>
                <div class="centrymid">
                    <div class="loginleft">
                    </div>
                    <div class="logininput">
                        <input type="text" id="username" name="username" class="logininput" />
                    </div>
                    <div class="loginmid3">
                    </div>
                    <div class="logininput">
                        <input type="password" id="passwd" name="passwd" class="logininput" />
                    </div>
                    <div class="loginmid5">
                    </div>
                    <div class="loginmid6">
                    </div>
                    <div class="loginmid7">
                        <asp:ImageButton ID="ImageButton1" runat="server" CssClass="loginmid7" ImageUrl="img/centrymid_07.gif"
                            OnClick="ImageButton1_Click" OnClientClick="return Check();" />
                    </div>
                    <div class="loginmid8">
                    </div>
                    <div class="loginmid9">
                        <asp:ImageButton ID="ImageButton2" runat="server" CssClass="loginmid9" ImageUrl="img/centrymid_09.gif" />
                    </div>
                    <div class="loginmid10">
                    </div>
                </div>
                <div class="centrybom">
                </div>
            </div>
            <div id="banbanright" class="banbanright">
            </div>
        </div>
        <div class="buttomdiv">
        </div>
    </div>
    </form>
</body>
</html>
